.article-detail{
  .detail-block{
    padding: 28rpx 28rpx 56rpx 28rpx;
    background: #fff;
    box-sizing: border-box;

    .article-title{
      color: #000;
      font-size: 38rpx;
      font-weight: bold;
      margin-bottom: 40rpx;
    }

    .article-num{
      @include flex;
      // @include j-between;
      @include a-center;
      color: #999;
      font-size: 24rpx;
      padding-bottom: 56rpx;

      .view{
        @include flex;
        @include a-center;

        .icon{
          width: 30rpx; 
          height: 20rpx;
          margin-left: 30rpx;
          margin-right: 10rpx;
          display: block;
        }
      }
      .btn{
        width: 150rpx;
        height: 58rpx;
      }
    }
  }
  

  .recommend-block{
    padding-bottom: 60rpx;

    .title{
      padding: 36rpx 32rpx 20rpx;
    }
  }

  //article-list
  .article-list{
    .article-item{
      @include flex;

      padding: 32rpx 20rpx 32rpx 32rpx;
      background-color: #fff;
      border-bottom: 1px solid #efefef;

      .sub-item{
        @include sub-item;
        @include flex(column);
        @include j-between;
      }

      .img{
        width: 220rpx;
        height: 132rpx;
        display: block;
        margin-left: 36rpx;
      }
      .pic{
        width: 300rpx;
        height: 180rpx;
        display: block;
        margin-right: 28rpx;
      }

      .article-item_title{
        @include text-ellipsis-line;
        color: #000;
        font-size: 28rpx;
        line-height: 32rpx;
        max-height: 64rpx;
      }
      .article-item_num{
        @include flex;
        @include j-between;
        @include a-center;
        color: #999;
        font-size: 24rpx;

        .view{
          @include flex;
          @include a-center;

          .icon{
            width: 30rpx; 
            height: 20rpx;
            margin-right: 10rpx;
            display: block;
          }
        }
        .btn{
          width: 150rpx;
          height: 58rpx;
        }
      }

      &:last-child{
        border: 0
      }
    }
  }
}